<template>
   <div>
        <ul>
            <li v-for="(item,index) in data" :key="index" class="item">
              <div>{{item.sno}}</div>
              <div>{{item.sname}}</div>
              <slot :row="item">{{item.score}}</slot>
            </li>
        </ul>
   </div>
</template>

<script>
export default {
    props:{
        data:{
            type:Array
        }
    }
}
</script>

<style lang="scss">
    .item{
        display: flex;
        div{
            margin:0 10px
        }
      
    }
</style>